<template>
  <div id="tp-weather-widget"></div>
</template>

<script>
/* eslint-disabled */
/**
 * 心知天气
 * https://www.seniverse.com/widgetv3
 */

export default {
  name: 'index',
  data() {
    return {}
  },
  methods: {
    init() {
      window.SeniverseWeatherWidget('show', {
        flavor: "bubble",
        location: "WX4FBXXFKE4F",
        geolocation: true,
        language: "zh-Hans",
        unit: "c",
        theme: "auto",
        token: "29b5ea45-8484-4b38-94f3-bc47de1fadc1",
        hover: "disabled",
        container: "tp-weather-widget"
      })
    }
  },
  mounted() {
    setTimeout(_ => {
      this.init()
    }, 200)
  }
}
</script>

<style lang="scss">
#tp-weather-widget {
  position: relative;

  & > div {
    position: absolute !important;
  }
  .eOZYiU {
    z-index: 0 !important;
  }
}
</style>
